<html>
	<head>
		<wicket:head>
		</wicket:head>
	</head>

	<body>
		<wicket:panel>
			<div class="electivePanel clearfix">
				<form wicket:id="mainForm">
					<div class="electiveListHead" style="font-size:13px;width:80%;">
						<span wicket:id="electiveGroup">Elective - 3,4,5  </span>
					</div>
					<div style="margin:5px;">
						You will be allotted <span wicket:id="selectNum">3</span> of 
						these <span wicket:id="totalNum">5</span> courses. 
						Please rank these courses in order of preference. 
					</div>
					<div style="margin-top:10px;" wicket:id="choiceListLV">
						<div class="courseItem">
							<span wicket:id="serialNum">1</span>. <a wicket:id="courseLink" href="#">
								<span wicket:id="courseName">Operating Systems</span></a>
							<input wicket:id="preference" type="text" class="coursePrefBox"></input>
						</div>
					</div>
					<button type="submit" class="es-button ui-state-default ui-corner-all" style="margin:4px;">Save</button>
				</form>
			</div>			
		</wicket:panel>
	</body>
</html>